<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="#">Acadêmico</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li>
            <a href="./academico/requerimento/">Requerimentos</a>

            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Mostrar Requerimento</li>
    </ul>
</div>
<div id="conteudo">
    <div class="c_header">
        <h1 class="tituloh1"><?= $details['no_requerimento']; ?></h1>
    </div>
    <div class="rqrDetails">
        <div><span>Categoria:</span> <?= $details['categoria']; ?></div>
        <div><span>Destinatário:</span> <img height="25" src="./public_html/imagens/avatar/<?= $details['ft_destinatario']; ?>" />
        <?= $details['no_destinatario']; ?></div>
    </div>
    <div class="rqrMsg">
        <?= $details['ds_mensagem']; ?>
    </div>
    <div class="rqrOptions">
        <a class="botao" href="./academico/requerimento/">Voltar para a lista</a>
    </div>
    <div id="grade-timeline">
        <section id="cd-timeline" class="cd-container">
            <div class="timeline-start"><h2>Histórico do requerimento</h2></div>
            <hr class="hr-clear">
                            <div data-co-evt="evt44" data-tp-evt="alu-msg" class="cd-timeline-block readN">
                    <div class="cd-timeline-img foto is-hidden">
                                                    <img src="./public_html/imagens/avatar/ricardo.jpg">
                            <span class="user-type">Aluno</span>
                                            </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content is-hidden">
                                                                            <h2>Você disse:</h2>
                                                                            <p class="ds_msg">Testando com a nova janela.</p>
                                                                                        <p class="msg-opt"><a href="#" class="msg-edit"><i class="icon-pencil"></i> Editar</a> | 
                                    <a href="#" class="msg-remove"><i class="icon-trash"></i> Remover</a></p>
                                                                            <span class="cd-date tooltipstered">12 Fev</span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
                            <div data-co-evt="evt42" data-tp-evt="alu-msg" class="cd-timeline-block readN">
                    <div class="cd-timeline-img foto is-hidden">
                                                    <img src="./public_html/imagens/avatar/ricardo.jpg">
                            <span class="user-type">Aluno</span>
                                            </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content is-hidden">
                                                                            <h2>Você disse:</h2>
                                                                            <p class="ds_msg">Ok Mário, vou verificar isso.</p>
                                                                                        <p class="msg-opt"><a href="#" class="msg-edit"><i class="icon-pencil"></i> Editar</a> | 
                                    <a href="#" class="msg-remove"><i class="icon-trash"></i> Remover</a></p>
                                                                            <span class="cd-date tooltipstered">07 Fev</span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
                            <div data-co-evt="evt38" data-tp-evt="bad-msg" class="cd-timeline-block readN">
                    <div class="cd-timeline-img vermelho is-hidden">
                                                    <i class="ace-icon icon-thumbs-down"></i>
                                            </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content is-hidden">
                                                    <h2>Sua grade não foi aprovada</h2>
                                                                                                    <p class="ds_msg">O coordenador do seu curso não aprovou esta grade horária. Por favor revise-a e envie novamente.</p>
                                                                                                        <span class="cd-date tooltipstered">01 Fev</span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
                            <div data-co-evt="evt37" data-tp-evt="crd-msg" class="cd-timeline-block readN">
                    <div class="cd-timeline-img foto is-hidden">
                                                    <img src="./public_html/imagens/avatar/avatar5.png">
                            <span class="user-type">Coordenador</span>
                                            </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content is-hidden">
                                                                            <h2>Mario Siqueira disse:</h2>
                                                                            <p class="ds_msg">Não tem como te dispensar desta disciplina.</p>
                                                            <p><a href="#" class="msg-reply">Responder</a></p>
                                                                                                        <span class="cd-date tooltipstered">01 Fev</span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
                            <div data-co-evt="evt36" data-tp-evt="crd-msg" class="cd-timeline-block readN">
                    <div class="cd-timeline-img foto is-hidden">
                                                    <img src="./public_html/imagens/avatar/avatar5.png">
                            <span class="user-type">Coordenador</span>
                                            </div>
                    <!-- cd-timeline-img -->

                    <div class="cd-timeline-content is-hidden">
                                                                            <h2>Mario Siqueira disse:</h2>
                                                                            <p class="ds_msg">Ricardo, você precisa selecionar as disciplinas de quinta feira também.</p>
                                                            <p><a href="#" class="msg-reply">Responder</a></p>
                                                                                                        <span class="cd-date tooltipstered">01 Fev</span>
                    </div>
                    <!-- cd-timeline-content -->
                </div>
                <!-- cd-timeline-block -->
                        <div data-co-evt="evt_fixo" id="evt_fx" class="cd-timeline-block">
                <div class="cd-timeline-img roxo bounce-in is-hidden">
                    <i class="ace-icon icon-tag"></i>
                </div>
                <!-- cd-timeline-img -->

                <div class="cd-timeline-content bounce-in is-hidden">
                    <p>Utilize o quadro acima para montar sua grade horária, esta grade será submetida à análise do coordenador do seu curso. Clique nos quadros para escolher a disciplina, serão aceitas zero ou mais disciplinas por dia.</p>
                    <span class="cd-date tooltipstered">Início</span>
                </div>
                <!-- cd-timeline-content -->
            </div>
            <!-- cd-timeline-block -->
        </section>
    </div>
</div>